<template>
    <div>
        <div class="crumbs">     
            <div style="margin:10px;font-family: 'MicrosoftYaHei-Bold', '微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑', sans-serif;
            font-weight: 700;
            font-style: normal;
            font-size: 14px;
            line-height: 22px;">结算管理 /结算扣款审核详情</div>
        </div>
      
        <div class="container">
            <el-table
                :data="tableData"
             
                class="table"
                ref="multipleTable"
                header-cell-class-name="table-header"
                style="margin-top: 30px"
            >
                <!--<el-table-column type="selection" width="55" align="center"></el-table-column>-->
                <el-table-column
                    fixed
                    type="selection"
                    width="55">
                </el-table-column>
                <el-table-column prop="name" label="任务号">
                    <template  slot-scope="scope">
                        <a href="#">{{scope.row.name}}</a>
                    </template>
                </el-table-column>
                <el-table-column prop="bNo" label="定点医疗机构编码">
                    <template  slot-scope="scope">
                        <a href="#">{{scope.row.bNo}}</a>
                    </template>
                </el-table-column>
                <el-table-column prop="tNo" label="结算流水号">
                    <template  slot-scope="scope">
                        <a href="#">{{scope.row.tNo}}</a>
                    </template>
                </el-table-column>
                <el-table-column prop="data1" label="结算类型"></el-table-column>
                <el-table-column prop="data2" label="医疗费用总额"></el-table-column>
                <el-table-column prop="flag" label="住院床日"></el-table-column>
                <el-table-column prop="data3" label="结算人次"></el-table-column>
                <el-table-column prop="fangshi" label="个人账户支付"></el-table-column>
                <el-table-column prop="name2" label="现金支付"></el-table-column>
                <el-table-column prop="price" label="统筹基金支付"></el-table-column>
            </el-table>
            <el-card class="box-card" style="margin-top: 3px">
                <div slot="header" class="clearfix">
                    <span><i class="el-icon-eleme"></i>&nbsp;&nbsp;&nbsp;月结扣款申诉审核意见</span>
                </div>
                <div>
                    审核意见：
                    <template>
                        <el-radio v-model="shenheyijian" label="1">同意</el-radio>
                        <el-radio v-model="shenheyijian" label="2">退回</el-radio>
                        <el-radio v-model="shenheyijian" label="3">提交上级</el-radio>
                    </template>
                    <br>
                    <br>
                    <div>
                        <el-input placeholder="" v-model="input1">
                            <template slot="prepend">月结扣款申诉审核备注</template>
                        </el-input>
                    </div>
                    <br>
                    <div>
                        <el-input placeholder="" v-model="input1">
                            <template slot="prepend">评价短语</template>
                        </el-input>
                    </div>

                </div>
            </el-card>
            <div style="margin-top: 40px;padding-bottom: 50px;margin-left: 40%;">
                <el-button type="primary" size="medium" class="button_a">重置</el-button>
                <el-button type="success" size="medium" v-on:click="savequren" class="button_a">提交</el-button>
                <el-button type="danger" size="medium" class="button_a">关闭</el-button>
            </div>
        </div>
    </div>
</template>

<script>
  
    export default {
        name: 'basetable',
        data() {
            return {
                rest () {
                    this.createTimeValue = []
                },
                pickerOptions: {
                    disabledDate(time) {
                        return time.getTime() > Date.now();
                    },
                    value1: '',
                    value2: '',
                },
                query: {
                    address: '',
                    name: '',
                    pageIndex: 1,
                    pageSize: 10
                },
                multipleSelection: [],
                delList: [],
                editVisible: false,
                pageTotal: 0,
                form: {},
                idx: -1,
                id: -1,
                formInline: {
                    user: '',
                    region: ''
                }
            };
        },
        created() {
            this.getData();
        },
        methods: {
            // 删除操作
            handleDelete(index, row) {
                // 二次确认删除
                this.$confirm('确定要删除吗？', '提示', {
                    type: 'warning'
                })
                    .then(() => {
                        this.$message.success('删除成功');
                        this.tableData.splice(index, 1);
                    })
                    .catch(() => {});
            },
            // 多选操作
            handleSelectionChange(val) {
                this.multipleSelection = val;
            },
            delAllSelection() {
                const length = this.multipleSelection.length;
                let str = '';
                this.delList = this.delList.concat(this.multipleSelection);
                for (let i = 0; i < length; i++) {
                    str += this.multipleSelection[i].name + ' ';
                }
                this.$message.error(`删除了${str}`);
                this.multipleSelection = [];
            },
            // 编辑操作
            handleEdit(index, row) {
                this.idx = index;
                this.form = row;
                this.editVisible = true;
            },
            // 保存编辑
            saveEdit() {
                this.editVisible = false;
                this.$message.success(`修改第 ${this.idx + 1} 行成功`);
                this.$set(this.tableData, this.idx, this.form);
            },
            // 分页导航
            handlePageChange(val) {
                this.$set(this.query, 'pageIndex', val);
                this.getData();
            },
            onSubmit() {
                console.log('submit!');
            }
        },

    };
</script>

<style lang="scss" scoped>
    .button_a{
       background-color:rgba(255, 138, 0, 1);
   border-color:rgba(255, 138, 0, 1);

    }
   .col_a{
       margin-left: 2%;
   }
   /deep/.el-row--flex{
       height: 50px;

   }
   /deep/.el-input__inner{
      height: 30px;    
      line-height: 23px;    
  }
  .el-card{
      height: 200px;
  }
  .el-button--primary{
   background-color:rgba(255, 138, 0, 1);
   border-color:rgba(255, 138, 0, 1);
  }
  /deep/.el-form-item__label{

   color: #333333;
   font-weight: 400;
   text-align: right;
   vertical-align: middle;
   float: left;
   font-size:12px;
   color: #606266;
   line-height: 40px;
   padding: 0 12px 0 0;
   -webkit-box-sizing: border-box;
   box-sizing: border-box; 
  }
  /deep/.el-input__inner{
   font-family: '微软雅黑', sans-serif;
   font-style: normal;
   font-size: 10px;
   color: #333333;
   text-align: left;
   line-height: 10px;
   font-weight: 400;
   height: 30px;
   width: 100%;
 }
 /deep/.el-table .cell{
   line-height: 10px;
   font-size: 11px;
   font-weight: 800;
 }
 /deep/.el-table th{
   background-color:rgba(249, 249, 249, 1);
 }
 /deep/.el-table tr {
   background-color:rgba(249, 249, 249, 1);
 }
</style>

<style scoped>
    .handle-box {
        margin-bottom: 20px;
    }

    .handle-select {
        width: 120px;
    }

    .handle-input {
        width: 300px;
        display: inline-block;
    }
    .table {
        width: 100%;
        font-size: 14px;
    }
    .red {
        color: #ff0000;
    }
    .mr10 {
        margin-right: 10px;
    }
    .table-td-thumb {
        display: block;
        margin: auto;
        width: 40px;
        height: 40px;
    }
</style>